﻿

body          { font:12px/1.55 Arial, Helvetica, sans-serif; color:#2f2f2f; text-align:center; background:#89B554 url(../images/header-bg.gif) repeat-x }

img           { border:0; vertical-align:top; }

a             { text-decoration:underline; }
a:hover       { text-decoration:none; }
:focus        { outline:0; }

/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 5px; line-height:1.35; color:#0a263c; }
h1            { font-size:20px; font-weight:normal; }
h2            { font-size:18px; font-weight:normal; }
h3            { font-size:16px; font-weight:bold; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p             { margin:0 0 10px; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.clear        { clear: both; height: 0}
/* ======================================================================================= */


/* Layout ================================================================================ */
#page {width:960px; margin: 0 auto;}

#header{clear: both}
.menu{clear:both; background-color: #1a1a1a; height: 45px; margin-top: 54px; border: 1px solid #CCC; color: #FFF; text-align: left}
.menu ul{list-style: none}
.menu ul li{padding: 10px 20px; display: inline}
.menu ul li.f-right{float: right; display: inline; margin-top: -10px; margin-right: 20px }
.menu a{color: #FFF; text-decoration: none; font-size:14px}
.menu a:hover{color: #099}

#content{clear: both; padding: 10px 0;/* font-family: c44735*/}
.trang{
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
}
.tinhthanh{
                font-size:14px;
		line-height:30px;
		width:120px;
                font-weight:bold;
		margin:0px;
		text-align:center;
		text-decoration:none;

}
.timkiemm{
    
                background:#FFF bottom right no-repeat;
		color:#FFFFFF;
		display:block;
		font-weight:normal;
		line-height:30px;
		width:196px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;

}
.deal{position: relative;padding: 5px 15px; border: 1px solid #FBFBC5; border-radius: 7px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); width: 278px; height: 400px; margin: 5px; float: left; background: #EEE; text-align: left}
.deal h3{color: #099; font-size: 1.8em}
.deal img{width: 279px; height: 190px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;}
.deal p{font-family: c44735; font-size:13px; color: #333; font-style: normal}
.deal .price{float: left; width: 180px}
.deal .price span{color: #C22227; font-size: 21px; font-weight: bold;}
.deal .price span.root-price{text-decoration: line-through;color: #666; font-size: 12px}
.deal .button {
text-align: center;
text-transform: uppercase;
font-size: 30px;
font-weight: bold;
line-height: 49px;
padding: 0 10px;
float:right;
text-decoration: none;
color: #C22227;
background: #F09C42;
border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.product-save-percent, .product-bought, .product-timeout {
float: left;
padding: 5px 20px 10px;
border-right: 1px dotted #CCC;
text-align: center;
font-size: 10px;

}
.deal .product-box {background: #E8E8E8;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}

#detail{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border: 0px solid #800000;
	background:#FFF;
	padding:10px;
	float:left;
	width:710px;
	margin-right:10px;
}
#detail h1{
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0;
}
#detail img{ float:right; margin-top:30px;}
.info-detail{
	margin-top:0px;
	padding:0;
	display:inline;
	width:235px;
	float:left;
}
.info-left{
	margin-top:30px;
	position:relative;
	border:solid 1px #CCC;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	width:235px;
}
.info-left .price{
	background:url(image/price.png) no-repeat;
	width: 201px;
	height: 47px;
	font-size: 24px;
	font-weight: bold;
	color: #C22227;
	text-align: center;
	position: absolute;
	top: -26px;
	left: 12px;
	text-shadow: 1px 1px 2px #888;
	padding: 12px 10px 0 0;
}
.price_old {
	padding: 32px 20px 0 28px;
}
.price_old input{
	width: 169px;
	height: 49px;
	border: 1px solid #678819;
	background: #68d65c; /* Old browsers */
	background: -moz-linear-gradient(top, #68d65c 1%, #008900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#68d65c), color-stop(100%,#008900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #68d65c 1%,#008900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #68d65c 1%,#008900 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #68d65c 1%,#008900 100%); /* IE10+ */
	background: linear-gradient(to bottom, #68d65c 1%,#008900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68d65c', endColorstr='#008900',GradientType=0 ); /* IE6-9 */
	display: block;
	color: white;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 49px;
	text-transform: uppercase;
	border-radius: 5px;	
}
.info-left .text{
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin:20px 0;	
	float:left;
}
.info-left p {
	border-top: 1px solid #CFCFCF;
	padding: 10px 0 0 0;
}
.info-left p span {
	padding: 0 0 0 13px;
	min-width: 55px;
	display: inline-block;
}
.red_color {
	color: #C22227;
	font-weight:700;
}
.green_color {
	color: #539730;
	font-weight:700;
}
.info-left p.none{
	border:none;
}
.clear{
	clear:both;
	height:0px;	
}

.advertise{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	background:#FFF;
	float:left;
	width:220px;
	height:150px;
	margin-bottom:20px;
}
.advertise img{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
.content{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border: 0px solid #800000;
	background:#FFF;
	padding:10px;
	float:left;
	width:710px;
	margin:10px 10px 10px 0;
}
.content h2{
	font-size:24px;
	margin:5px 0;
	padding:0;
	color: #80B04F;
}
#footer{}